#datetime {
  text-align: center
}
#datetime h1 {
  font-size: 3.9em;
  margin: -1px auto 0 auto;
}
#datetime h2 {
}
.tiles-weather.icon i {
  font-size: 40px
}
.tiles {
  background-color: #bcbcbc;
  color: #fff;
  position: relative
}
.tiles .tiles-body {
  padding: 19px 18px 15px 24px
}
.tiles h1, .tiles h2 {
  color: #fff
}
.tiles.white h1, .tiles.white h2 {
  color: #8b91a0
}
.tiles.purple {
  background-color: #735f87
}
.tiles.green {
  background-color: #0aa699
}
.tiles.white {
  background-color: #fff;
  color: #8b91a0
}
.tiles.blue {
  background-color: #0090D9
}
.alert-warning {
  background-color: #FAA652
}
.widget-stats {
  padding-left: 0;
  display: inline-block
}
.widget-stats .wrapper {
  margin: 5px 0 5px 0;
  border-right: 1px solid #363a41;
  margin-right: 7px;
  padding-right: 7px
}
.widget-stats .wrapper.transparent {
  border-right: 1px solid rgba(0, 0, 0, 0.2)
}
.widget-stats .wrapper.last {
  border: 0
}
.widget-stats .item-title {
  font-size: 12px
}
.widget-stats .item-count {
  font-size: 15px;
  color: #ffffff;
  display: block;
  font-weight: bold
}
.tiles .progress {
  margin: 15px 0
}
.progress {
  height: 12px;
  background-color: #e9ecee;
  background-image: none;
  box-shadow: none;
  filter: none
}
.progress.no-radius {
  border-radius: 0px
}
.progress.no-radius .progress-bar {
  border-radius: 0px
}
.progress.transparent {
  background-color: rgba(0, 0, 0, 0.28)
}
.progress.progress-small {
  height: 4px
}
.progress.progress-large {
  height: 20px
}
.progress-bar {
  box-shadow: none;
  border-radius: 3px;
  background-color: #0090D9;
  background-image: none;
  -webkit-transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  float: left;
  filter: none
}
.progress-bar-success {
  background-color: #0aa699;
  background-image: none
}
.progress-bar-info {
  background-color: #0090d9;
  background-image: none
}
.progress-bar-warning {
  background-color: #fdd01c;
  background-image: none
}
.progress-bar-danger {
  background-color: #f35958;
  background-image: none
}
.progress-bar-white {
  background-color: #ffffff;
  background-image: none
}
.progress-bar-black {
  background-color: #1b1e24;
  background-image: none
}
.progress-info .bar, .progress .bar-info {
  background-color: #1f3853;
  background-image: none
}
.progress-warning .bar, .progress .bar-warning {
  background-color: #fdd01c;
  background-image: none
}
.progress-danger .bar, .progress .bar-danger {
  background-color: #f35958;
  background-image: none
}
.progress-white .bar, .progress .bar-white {
  background-color: #ffffff;
  background-image: none
}
.progress-success.progress-striped .bar, .progress-striped .bar-success {
  background-color: #0090d9
}
.progress-info.progress-striped .bar, .progress-striped .bar-info {
  background-color: #1f3853
}
.text-black {
  color: #1B1E24 !important
}
.tiles-weather {
  padding: 6px 0 12px 0;
  display: inline-block
}
.tiles-weather.icon {
  border-right: 1px solid #EEE;
  margin-top: 9px;
  margin-bottom: 16px;
  margin-right: 9px;
  padding-right: 24px;
  padding-top: 15px;
}
#future-weather .wrapper {
  text-align: center
}
#future-weather .item-count {
  color: #8b91a0;
  font-size: 1em;
  font-weight: normal
}
#future-weather i {
  font-size: 20px
}

/* when hiding the picture */
/*div.ng-hide-add         { animation:0.5s fadeOut ease-out; }*/

/* when showing the picture */
